<template>
  <div class="user">
    <h3>用户</h3>
    <el-button @click="logout">注销</el-button>
    <el-button onclick="alert($)">组件引入的外部脚本</el-button>
  </div> 
</template>
<script>
export default {
  head:{
    script:[
      {src:'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js'}
    ]
  },
  middleware({store,route,redirect,params,query}){
     //context 服务端上下文
    //组件独享前置守卫

    //store 状态树信息
    //route 一条目标路由信息
    // redirect 强制跳转
    //params,query 校验参数合理性
    // console.log('middleware pages 组件独享前置守卫')
    // redirect('/login')
  },

  methods:{
    logout(){
      //删除cookie，情况vuex
      this.$cookies.remove('user')
      this.$store.commit('user/M_UPDATE_USER',{
        err:1,
        msg:'未登录',
        token:'',
        data:{}
      })
      this.$router.push('/login')
    }
  }
}
</script>

